@font-face {
  font-family: zk-icon;
  src: url(../font/iconfont.eot?v=220);
  src: url(../font/iconfont.eot?v=220#iefix) format('embedded-opentype'), url(../font/iconfont.svg?v=220#iconfont) format('svg'), url(../font/iconfont.woff?v=220) format('woff'), url(../font/iconfont.ttf?v=220) format('truetype');
}
.zkuasgm-icon {
  font-family: zk-icon !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zkuasgm-icon-user:before {
  content: "\e851";
}
.zkuasgm-icon-passwd:before {
  content: "\e603";
}
.zkuasgm-icon-qcode:before {
  content: "\e60d";
}
.layui-layout-body {
  height: 100%;
}
.zk-admin {
  height: 100%;
}
.zk-admin .layadmin-pagetabs {
  top: 80px;
}
.zk-admin .layui-layout-admin {
  height: 100%;
}
.zk-admin .layui-layout-admin .layui-body {
  top: 120px;
}
.zk-admin .layui-layout-admin .layui-logo {
  display: none;
}
.zk-admin .layui-layout-admin .layui-header {
  height: 80px;
  z-index: 1002;
  border-bottom: 0px solid #ccc;
  background: #333 no-repeat;
}
.zk-admin .layui-layout-admin .layui-header .zk-logo {
  float: left;
/*  padding: 6px 90px 0 0px;*/
	padding: 6px 160px 0 0px;
  position: relative;
  display: block;
  z-index: 999;
  height: 80px;
  background-size: 64px;
  margin: 5px 0 0 10px;
}
.zk-admin .layui-layout-admin .layui-header .zk-logo .logoico {
  font-size: 54px;
  color: #ffffff;
  float: left;
  margin: 0 10px 0 0 ;
}
.zk-admin .layui-layout-admin .layui-header .zk-logo .logoico img {
  height: 60px;
}
.zk-admin .layui-layout-admin .layui-header .zk-logo h1 {
  font-size: 24px;
  color: #ffffff;
  padding: 0px 0 5px 0;
  white-space: nowrap;
}
.zk-admin .layui-layout-admin .layui-header .zk-logo p {
  font-size: 10px;
  color: #ffffff;
  white-space: nowrap;
  padding: 0px 0;
}
.zk-admin .layui-layout-admin .layui-header .zk-logo .flexible {
  position: absolute;
  right: 0;
  top: 30px;
  color: #ffffff;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item {
  height: 80px;
  line-height: 80px;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
  color: #ffffff;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item a cite {
  color: #ffffff;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item dd a {
  color: #333;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav .layui-this {
  background-color: rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav .layui-this:after {
  top: 0 !important;
  bottom: 0 !important;
  height: 2px;
  background-color: #fff;
}
.zk-admin .layui-layout-admin .layui-header .layui-nav-bar {
  top: 0 !important;
  bottom: 0 !important;
  height: 2px;
  background-color: #fff;
}
.zk-admin .layui-layout-admin .layui-side-menu {
  margin-top: 80px;
}
.zk-admin .layui-layout-admin .layui-side-menu .layui-nav {
  background: none;
  margin: 0;
}
.zk-admin .layui-layout-admin .layui-side-menu .layui-nav .layui-nav-item .iconfont {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -19px;
}
.zk-admin .layui-layout-admin .layui-side-menu .layui-nav .layui-nav-item .zkuasgm-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -19px;
}
.login-main .layadmin-user-login-main {
  width: 375px;
  margin: -250px 0px 0 200px;
  top: 50%;
  left: 50%;
  position: absolute;
  box-sizing: border-box;
  background: #fff;
}
.login-main .layadmin-user-login-main .layadmin-user-login-box {
  padding: 10px 20px;
}
.login-main .layadmin-user-login-main .layadmin-user-jump-change {
  float: right;
}
.login-main .layadmin-user-login-main .layadmin-user-login-header text-align:center h2 {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 30px;
  color: #000;
}
.login-main .layadmin-user-login-main .layadmin-user-login-header p {
  font-weight: 300;
  color: #999;
}
.layadmin-user-login-footer {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 30px;
  padding: 5px;
  text-align: center;
  box-sizing: border-box;
  color: #333;
}
.zk-home-bk {
  height: 100%;
  width: 100%;
  position: fixed;
}
.zk-home-bk .zk-home-main {
  height: 100%;
  position: relative;
  overflow-x: hidden;
}
.zk-home-bk .zk-home-main .grid {
  width: 1050px;
  margin: 80px auto 0 auto;
}
.zk-home-bk .zk-home-main .grid li {
  /*float:left;*/
  display: inline-block;
  margin: 0 20px 20px 0;
}
.zk-home-bk .zk-home-main .grid li a {
  border: 1px solid #ccc;
  float: left;
  width: 320px;
  height: 200px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.zk-home-bk .zk-home-main .grid li a p {
  position: absolute;
  bottom: 0px;
  background: #fff;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #165cb3;
  padding: 8px 0;
  opacity: .9;
}
.zk-home-bk .zk-home-main .grid li a:hover {
  border: 1px solid #2e7dcf;
}
.zk-home-bk .zk-home-main .grid li a.xt1 {
  background-image: url("../images/xtbg1.png");
}
.zk-home-bk .zk-home-main .grid li a.xt2 {
  background-image: url("../images/xtbg2.png");
}
.zk-home-bk .zk-home-main .grid li a.xt3 {
  background-image: url("../images/xtbg3.png");
}
.zk-home-bk .zk-home-main .grid li a.xt4 {
  background-image: url("../images/xtbg4.png");
}
.zk-home-bk .zk-home-main .grid li a.xt5 {
  background-image: url("../images/xtbg5.png");
}
.zk-home-bk .zk-home-main .grid li a.xt6 {
  background-image: url("../images/xtbg6.png");
}
.zk-home-bk .zk-home-main .grid li a.xt7 {
  background-image: url("../images/xtbg7.png");
}
.zk-home-bk .zk-home-main .grid li a.xt8 {
  background-image: url("../images/xtbg8.png");
}
.zk-home-bk .zk-home-main .grid li a.xt9 {
  background-image: url("../images/xtbg9.png");
}
.zk-home-bk .zk-home-main .grid li a.xt10 {
  background-image: url("../images/xtbg10.png");
}
.zk-home-bk .zk-home-main .grid li a.xt11 {
  background-image: url("../images/xtbg11.png");
}
.zk-home-bk .zk-home-main .grid li a.xt12 {
  background-image: url("../images/xtbg12.png");
}
.zk-home-bk .zk-home-main .grid li a.xt13 {
  background-image: url("../images/xtbg13.png");
}
.zk-home-bk .zk-home-main .grid li a.xt14 {
  background-image: url("../images/xtbg14.png");
}
.zk-home-bk .zk-home-main .grid li a.xt15 {
  background-image: url("../images/xtbg15.png");
}
.zk-home-bk .zk-home-main .grid li a.xt16 {
  background-image: url("../images/xtbg16.png");
}
.zk-home-bk .zk-home-main .grid li a.xt17 {
  background-image: url("../images/xtbg17.png");
}
.zk-home-bk .zk-home-main .grid li a.xt18 {
  background-image: url("../images/xtbg18.png");
}
.zk-home-bk .zk-home-main .grid li a.xt19 {
  background-image: url("../images/xtbg19.png");
}
.zk-home-bk .zk-home-main .grid li a.xt20 {
  background-image: url("../images/xtbg20.png");
}
.zk-home-bk .zk-home-main .grid li a.xt21 {
  background-image: url("../images/xtbg21.png");
}
.zk-home-bk .zk-home-main .grid li a.xt22 {
  background-image: url("../images/xtbg22.png");
}
.zk-home-bk .zk-home-main .grid li a.xt23 {
  background-image: url("../images/xtbg23.png");
}
.zk-home-bk .zk-home-main .grid li a.xt24 {
  background-image: url("../images/xtbg24.png");
}
.zk-home-bk .zk-home-main .grid-main {
  width: 950px;
  margin: 80px auto 0 auto;
}
.zk-home-bk .zk-home-main .grid-main a {
  height: 106px;
  display: block;
  position: relative;
  line-height: 100%;
  overflow: hidden;
  padding: 12px;
}
.zk-home-bk .zk-home-main .grid-main a i {
  font-size: 60px;
  text-align: center;
  display: block;
  height: 100%;
  line-height: 130%;
}
.zk-home-bk .zk-home-main .grid-main a p {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0;
  text-align: center;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
  line-height: 200%;
  display: block;
}
.zk-home-bk .zk-home-main .grid-main .layui-col-md4 a {
  padding: 24px 0 0 25px;
}
.zk-home-bk .zk-home-main .grid-main .layui-col-md4 a i {
  float: left;
}
.zk-home-bk .zk-home-main .grid-main .layui-col-md4 a p {
  display: block;
  line-height: 150%;
  width: 60%;
  text-align: left;
  position: absolute;
  left: 70%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.zk-home-bk .zk-home-main .grid-main a.xt1 {
  background: #2950b9;
  height: 1;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt1:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt2 {
  background: #3229b9;
  height: 2;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt2:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt3 {
  background: #6229b9;
  height: 3;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt3:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt4 {
  background: #9229b9;
  height: 4;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt4:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt5 {
  background: #b929b0;
  height: 5;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt5:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt6 {
  background: #b92980;
  height: 6;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt6:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt7 {
  background: #b92950;
  height: 7;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt7:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt8 {
  background: #b93229;
  height: 8;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt8:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt9 {
  background: #b96229;
  height: 9;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt9:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt10 {
  background: #b99229;
  height: 10;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt10:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt11 {
  background: #b0b929;
  height: 11;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt11:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt12 {
  background: #80b929;
  height: 12;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt12:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt13 {
  background: #50b929;
  height: 13;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt13:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt14 {
  background: #29b932;
  height: 14;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt14:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt15 {
  background: #29b962;
  height: 15;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt15:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt16 {
  background: #29b992;
  height: 16;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt16:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt17 {
  background: #29b0b9;
  height: 17;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt17:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt18 {
  background: #2980b9;
  height: 18;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt18:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt19 {
  background: #2950b9;
  height: 19;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt19:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt20 {
  background: #3229b9;
  height: 20;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt20:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt21 {
  background: #6229b9;
  height: 21;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt21:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt22 {
  background: #9229b9;
  height: 22;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt22:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt23 {
  background: #b929b0;
  height: 23;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt23:hover {
  background: #333;
}
.zk-home-bk .zk-home-main .grid-main a.xt24 {
  background: #b92980;
  height: 24;
  color: #fff;
}
.zk-home-bk .zk-home-main .grid-main a.xt24:hover {
  background: #333;
}
.news {
  border: 1px solid #f00;
}
.progress {
  overflow: hidden;
  position: absolute;
  width: 200px;
  border: 2px solid #333;
  padding: 10px;
  background: #fff;
}
.progress h2 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.progress .barbox {
  overflow: hidden;
}
.progress .fl {
  float: left;
}
.progress .fc {
  margin: 2px 25px;
}
.progress .fr {
  float: right !important;
}
.box1 {
  left: 10px;
  top: 20px;
}
.box2 {
  left: 10px;
  top: 220px;
}
.layui-tab-title li span cite {
  font-style: normal;
}

